<template>
	<view class="p30 posi-f wh bf t0 z9999" v-if="value">
	<mask :show="value" :custom-style="{background: tColor}" :zoom='false'>
		<view class="p-a p-a-c w100" >
			<view class="f-c">
				<view class="wh dlb" style="width: 140rpx;height: 140rpx;border-radius: 50%;">
					<mg-img :src='system.icon' :sname="{borderRadius:'50%'}"  />
				</view>
			</view>
			<view class="mla bf bs30 p43" style="width: 650rpx;">
				<!-- <view class="f-c">
					<image class="wh dlb" :src="system.icon" mode="widthFix"  style="width: 140rpx;height: 140rpx;"></image> -->
					<!-- <view class="wh dlb" style="width: 140rpx;height: 140rpx;">
						<mg-img :src='system.icon' />
					</view> -->
				<!-- </view> -->
				<view class="t-c">
					<view class="f38 wei">隐私权政策提示</view>
					<view class="f26 c9 mt20">
						  <text style="padding-left: 30rpx;"></text> 欢迎您使用{{system.name}}，请您仔细阅读并充分理解
						<text :style="{color:tColor}" @click="ysxyRule">《隐私权政策》</text>。如您同意
						<text :style="{color:tColor}" @click="ysxyRule">《隐私权政策》</text>
						的全部内容，请点击"同意并继续"开始使用我们的服务
					</view>
				</view>
				<view class="mt90 f-c">
					<button class="clearbtn sbtn sbtn2 f-c cf f36 qdsbtn wei" @click="tyxy" :style="{background: tColor}">同意并继续</button>
				</view>
				<view class="c9 mt30 t-c f36"><navigator open-type="exit" target="miniProgram">不同意</navigator></view>
			</view>
			<!-- <view @click="show = false" class="mt60 f-c"><text class="iconfont iconcancelorder f50 cf"></text></view> -->
		</view>
	</mask>
</view>
</template>

<script>
	import {
		mapState,
		mapActions
	} from 'vuex'
	import mgImg from '@/components/common/mg-img.vue'
	import mask from './mask.vue'
	import utils from '@/common/utils.js'
	export default {
		name: 'searchBox',
		components: {
			mgImg,
			mask,
		},
		props: {
			co: {
				type: Object,
				default: function() {
					return {}
				}
			},
			value: {
				type: Boolean,
				default: false
			},
			color: {
				type: String,
				default: ''
			},
		},
		data() {
			return {
				loading: false,
			}
		},
		computed: {
			show: {
				get() {
					return this.value;
				},
				set(newVal) {
					this.$emit("input", newVal)
				}
			},
		},
		methods: {
			tyxy(){
				uni.setStorageSync('isYszc', true)
				this.$emit("close",false)
			},
			ysxyRule() {
				this.go({
					t: 1,
					url: `/yb_wm/my/other/gywm?t=隐私政策&p=15`
				})
			},
		},
		async created() {}
	}
</script>

<style scoped lang="scss">
	.dlb{
		position: absolute;
		top: -285rpx;
		// margin-left: 25rpx;
	}
	.sbtn {
		width: 540rpx;
		height: 74rpx;
		background: linear-gradient(-90deg, rgba(233, 87, 0, 1) 0%, rgba(233, 87, 0, 1) 100%);
		border-radius: 47px;
	}
	.sbtn2{
		height: 80rpx;
	}
	
	.ysbtn {
		background: #999;
		color: #fff;
	}
	
	.qdsbtn{
		background: linear-gradient(-90deg, rgba(233, 87, 0, 1) 0%, rgba(233, 87, 0, 1) 100%);
	}
	.p-a-yc{
		top: 50%;
		transform: translateY(-50%);
	}
	.p-a-c{
		 top: 50%;
		 left: 50%;
		 transform: translate(-50%,-50%);
	}
</style>
